<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglibs.jsp" %>
<%@ page import="com.depo.quiggle.view.controller.RegisterAction" %>
<!-- my-profile-include.jsp -->



<!-- <link rel="stylesheet" media="all" type="text/css" href="${pageContext.request.contextPath}/css/jquery-ui-1.8.21.css" />-->
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/jquery-ui-timepicker-addon.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/my-profile.css" />

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui.min-1.8.21.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-timepicker-addon-1.0.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-sliderAccess-1.0.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/my-profile.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/help.css" />
<link rel="stylesheet" media="all" type="text/css" href="${pageContext.request.contextPath}/css/jquery/overcast/jquery-ui-1.8.21.custom.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/tooltip.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/bjs/jquery.timeentry.min.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.timeentry.css" />

<script type="text/javascript">


		
        var categoriesCert = [

            <c:forEach items="${actionBean.category}" var="categoryValue" varStatus="categoryVal">
            {
                value:" ${categoryValue.firstName}",
                firstName: "${categoryValue.firstName}",
                lastName: "${categoryValue.firstName}"
            }<c:if test="${!categoryVal.last}">,</c:if>
            </c:forEach>
        ];
        
        var usaStates = [

                              <c:forEach items="${actionBean.usaStates}" var="state" varStatus="">
                              {
                                  value:" ${state.shortName}",
                                  firstName: "",
                                  lastName: ""
                              },
                              </c:forEach>
                          ];
        $(document).ready(function(){
        	
        	<c:if test="${actionBean.showPreview}">
        	
        	
        	<%
    		if (request.getParameter("msg") != null) {
    		%>
    		
    		$('#changeInd').val(true);
    		isProfileChanged = true; 
    		isFormFieldChanged = true;
    		<%
    		}
    		%>
        	
        	$("#profile-preview").dialog({
        		title:"Public Profile ${actionBean.userProfile.initials}",
    			height: 500,
    			width:860,
				modal:true,
    			close: function(event, ui) { $("#profile-preview").html(""); }
    		   });
        	</c:if>
        	
        });
</script>
